<template>
  <div class="callingMain">
    <div class="mainLeft">
      <div class="leftUp">
        <input type="checkbox" name="" id="" />
        <span>寻呼台日志保存到服务器</span>
      </div>
      <div class="leftTable">
        <el-table
          :data="CallingLog_TableData"
          border
          style="width: 100%; height: 100%"
        >
          <el-table-column type="index" label="" min-width="20">
          </el-table-column>
          <el-table-column prop="logging" label="日志文件夹" min-width="40">
          </el-table-column>
        </el-table>
        <div class="deleteButton">
          <button>删 除</button>
        </div>
      </div>
    </div>
    <div class="mainRight">
      <div class="rightUp">
        <!-- <input type="checkbox" name="" id="" /> -->
        <span>日志保存目录</span>
        <input type="file">
      </div>
      <div class="rightTable">
        <el-table
          :data="CallingLog_TableData"
          border
          style="width: 100%; height: 100%"
        >
          <el-table-column type="index" label="" min-width="20">
          </el-table-column>
          <el-table-column prop="logging" label="日志文件夹" min-width="40">
          </el-table-column>
        </el-table>
        <div class="deleteButton">
          <button>删 除</button>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
const CallingLog_TableData = ref([{ logging: "111" }]);
</script>
<style scoped>
@import url("./Call_loging.less");
</style>